*{
    margin:0;
    padding:0;
}
html,body{
    height:100%;
    box-sizing: border-box;
}
a{
    color:#666;
    text-decoration: none;
}
header{
    height:40px;
    background: #1D6DFF;
    padding:5px;
    .head{
        display: flex;
        justify-content: space-between;
        align-items: center;      
    }
    img:nth-of-type(1){
        height:25px;
        margin-left:5px;
    }
    img:nth-of-type(2){
        height:34px;
        padding:7px;
    }
}

.searchbox{
    height:50px;
    padding:10px;
    border-bottom:1px solid #333;
    position: relative;
    box-sizing: border-box;
    input{
        background:#F1F1F1;
        width:90%;
        height:30px;
        border-radius: 20px;
        border:none;
        padding-left: 17.75px;
    }
    button{
        background: #1D6DFF;
        color:white;
        font:18px/30px "黑体";
        border:none;
        border-radius: 20px;
        width:63px;
        height:30px;
        position:absolute;
        right:10px;
        top:calc(50px - 30px)/2
    }
}

.nav{
    height:40px;
    line-height: 40px;
    position: relative;
    background-image: linear-gradient(to bottom, #fff, #ccc);
    padding-left: 10px;
    a{
        font-size: 13px;
    }
    button{
        width:60px;
        height:30px;
        border-radius: 5px;
        border: 1px solid #ccc;
        margin-top: 5px;
        background-image: linear-gradient(to top, #fff, #ccc);
        position: absolute;
        right:10px;   
    }
}
.main{
    color:#333;
    font-size: 13px;
    .main_top{
        height:260px;
        padding:10px 10px 0 10px;
        img{
            width:170px;
            height:170px;
            margin-left: 102px;
        }
        p{
            font-size: 18px;
            margin:10px 0;
        }
        .top_text{
            display: flex;
            font-size: 13px;
        }
        .text_half{
            width:162.5px;
            padding:0 15px;
        }
        .main_link{
            display: flex;
            justify-content: space-between;
        }
    }
    .main_bottom{
        padding:10px 0;
        h4{
            height:34px;
            margin-bottom:10px;
            background: #D8D8D8;
            text-align: center;
            font-size: 18px;
            line-height: 34px;
            font-weight: normal;
        }
        .comment{
            border-bottom:1px solid #666;
            .comment_top{
                display: flex;
                justify-content: space-between;
                padding:0 10px;
            }
            .comment_text{
                padding:10px;
            }
            .comment_from{
                padding:0 10px 10px 0;
                text-align: right;
            }
        }
        
    }
}
footer{
    height:224.14px;
    background: #F4F4F4;
    .gengduo{
        height:50px;
        padding:10px;
        box-sizing: border-box;
        p{
            width:355px;
            height:32px;
            text-align: center;
            line-height: 32px;
            border:1px solid;
            margin:0 auto;
            font:12px/32px "";
            color:#666666;
            border-radius:5px;
            border: 1px solid #dddddd;
            background-image: linear-gradient(#ffffff, #f4f4f4);
        }
    }
    .paihang{
        height:35px;
        background:#1D6DFF;
        padding-left:10px;
        color:white;
        position: relative;
        margin:10px 0 6px 0;
        p{
            font:900 20px/32px "微软雅黑";
            line-height: 32px;
            width: 82px;
        }
        img{
            width:20px;
            height:20px;
            position: absolute;
            right:10px;
            top:8px;
        }
    }
    .login{
        height:33px;
        display: flex;
        justify-content: space-between;
        /* padding:0 0.13rem; */
        font-size: 14px;
        color:#666666;
        border-top:1px solid #dddddd;
        border-bottom:1px solid #dddddd;
        display: flex;
        a{
            padding:0 42px;
            text-align: center;
            line-height: 33px;
            border-right: 1px solid #ddd;
            box-sizing: border-box;
        }
    }
    .bottom{
        font-size: 12px;
        color:#666666;
        padding:10px;
        text-align: center;
    }
    
}
